﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="hospital.aspx.cs" Inherits="WebApplication2.hospital" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <link rel="stylesheet" type="text/css" href="css/hospital.css" />
    <form id="form1" runat="server">
    <div class="search">
        <div class="ct">
            <div class="ct-icon">
                <img src="image/icon.png" class="ct-img"/>
            </div>
            广东省深圳市龙华区走惊慌医院
        </div>
        <div class="my">
            <div onclick="window.location.href='home.aspx'">首页</div>
            <div>信息</div>
        </div>
        <div class="sc">
            <div class="sc-item">
                <asp:TextBox id="search" runat="server" cssClass="sc-inp" placeholder="搜一搜" />
                <img src="image/搜索.png" class="sc-img"/>
            </div>
            <div class="sc-my">
                sb,欢迎你
                <img src="image/个人.png" class="sc-ps" />
                <asp:Button runat="server" CssClass="sc-ha" Text="退出" ID="exit"/>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="left">
            <div class="item">
                <div onclick="window.location.href='question.aspx'">
                    <img src="image/喜欢.png"/>
                    常见疾病
                </div>
                <div onclick="window.location.href='introduce.aspx'">
                    <img src="image/消息.png"/>
                    信息录入
                </div>
            </div>
            <div class="item">
                <div>
                    <img src="image/检查.png"/>
                    治疗方法
                </div>
                <div onclick="window.location.href='methods.aspx'">
                    <img src="image/营养科.png"/>
                    保健预防
                </div>
            </div>
        </div>
        <div class="center">
            <div class="ct-item" id="ds1" onclick="ds(1)">
                <img src="image/儿科.png" class="ct-imag" />
                自杀
            </div>
            <div class="ct-item" onclick="ds(2)">
                <img src="image/儿科.png" class="ct-imag" />
                弄弄
            </div>
            <div class="ct-item" onclick="ds(3)">
                <img src="image/口腔科.png" class="ct-imag" />
                走惊慌rpk
            </div>
            <div class="ct-item" onclick="ds(4)">
                <img src="image/康复科.png" class="ct-imag" />
                ...
            </div>
            <div class="ct-item" onclick="ds(5)">
                <img src="image/康复科.png" class="ct-imag" />
                ...
            </div>
            <div class="ct-item" onclick="ds(6)">
                <img src="image/康复科.png" class="ct-imag" />
                ...
            </div>
        </div>
        <div class="right">
            <asp:Label runat="server" id="hit">点击左边进行交互</asp:Label>
            <asp:Label runat="server" class="desc1 ds" id="desc1">
                <img src="image/儿科.png"/>
                wdnm? pan.baidu.com/mbox/homepage
                <video width="600" height="300" controls>
                    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
    	            <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
    	            <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
                </video>
            </asp:Label>
            <asp:Label runat="server" class="desc2 ds" id="desc2">详情2</asp:Label>
            <asp:Label runat="server" class="desc3 ds" id="desc3">详情3</asp:Label>
            <asp:Label runat="server" class="desc4 ds" id="desc4">详情4</asp:Label>
            <asp:Label runat="server" class="desc5 ds" id="desc5">详情5</asp:Label>
            <asp:Label runat="server" class="desc6 ds" id="desc6">详情6</asp:Label>
    </div>
    </form>
</body>
<script>
    // 隐藏其他部分
    function ds(index) {
        var temp = document.getElementsByClassName('ds')
        for (var x=1;x<=temp.length;x++) {
            if (x == index) {
                document.getElementById(`desc${x}`).style.display="block";
        }else{
                document.getElementById(`desc${x}`).style.display="none";
    }
    }
    document.getElementById("hit").style.display="none";
    }
</script>
</html>
